<template>
  <div class="app-amin">
    <!-- <div class="searchBox">
      <Search :initData="initSearchData" @emitSearchData="getSearchData"></Search>
    </div> -->
    <div class="tableBox">
      <CustomTable :searchData="searchData"></CustomTable>
    </div>
    <!-- <div class="big-main" ref="lianechart"></div> -->
  </div>
</template>
        
        <script>
import * as echarts from "echarts";
import Search from "./components/search";
import CustomTable from "./components/table";

import moment from "moment";
export default {
  name: "MyData",
  components: {
    Search,
    CustomTable
  },
  data() {
    return {
      initSearchData: {
        beginTime: this.$route.query.beginTime,
        endTime: this.$route.query.endTime,
        rangeTime: [this.$route.query.beginTime, this.$route.query.endTime],
        classType: this.$route.query.classType
      },
      searchData: {}
    };
  },
  watch: {
    initSearchData: {
      handler(val) {
      },
      immediate: true
    }
  },
  mounted() {
    // this.initSearchData.type = this.$route.query.type;
    this.searchData = this.initSearchData;
  },
  methods: {
    getSearchData(value) {
      this.searchData = value;
    }
  }
};
</script>
        <style  scoped>
.app-amin {
  background: #e4e4e4;
  height: 100%;
  width: 100%;
}

.tableBox {
  padding: 16px;
  background-color: #ffffff;
}

.searchBox {
  margin-bottom: 16px;
}
</style>